<template>
    <div class="page-containter">
        <div class="page-content">
          <div class="content-left">
            <SubjectDetailList/>
          </div>
            <div class="content-right">
            <TagList/>
                <RandomArticleList />
          <CategoryArticleCard />
          <FriendLinkCard />
            </div>
        </div>
    </div>

</template>

<script setup>
    import SubjectDetailList from "@/components/articles/subject/SubjectDetailList.vue";
    import TagList from "@/components/articles/card/TagList.vue";
    import CategoryArticleCard from "@/components/articles/card/CategoryArticleCard.vue";
    import RandomArticleList from "@/components/articles/card/RandomArticleList.vue";
    import FriendLinkCard from "@/components/com/FriendLinkCard.vue";
</script>

<style scoped>
.page-content {
    margin-top: 35px;
}
</style>
